#{script 'presupuestos/productos.js' /}
<div class='hidden'>
<input type="text" id="precio"  value="${precio?.format('.00')}" readonly="readonly"  />
<input type="text" id="iva"  value="${iva?.format('.00')}" readonly="readonly"  />
<input type="text" id="precioFinal"  value="${precioFinal?.format('.00')}" readonly="readonly"  />
</div>
<h2>Productos</h2>
<button id="add-producto" class="button tiny orange floatleft">Agregar producto</button>
<table id="productos-table">
	<thead>
		<tr>
			<th>Id</th>
			<th>Cantidad</th>
			<th>Tipo</th>
			<th>Tamaño</th>
			<th>Material</th>
			<th>Calidad</th>
			<th>Precio</th>
		</tr>
	</thead>
	<tbody>
		#{list items:productos, as:'item'}
		<tr>
			<td>${item.id}</td>
			<td>${item.cantidad}</td>
			<td>
				#{if item.tipo == '1' }
    				Afiche
				#{/if}
				#{if item.tipo == '2' }
    				Backlight
				#{/if}
				#{if item.tipo == '3' }
    				Banner
				#{/if}
				#{if item.tipo == '4' }
    				Display
				#{/if}
				#{if item.tipo == '5' }
    				Poster
				#{/if}
				#{if item.tipo == '6' }
    				Vinilo
				#{/if}
			</td>
			<td>${item.ancho}(m) x ${item.largo}(m)</td>
			<td>${item.impresion}</td>
			<td>${item.calidad}</td>
			<td>${item.precio.format('.00')}</td>
		</tr>
		#{/list}
	</tbody>
</table>
